<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>过滤器</title>
    <script src="js/angular.js"></script>
</head>
<!--过滤器可以使用一个管道字符（|）添加到表达式和指令中。-->
<body ng-app="myApp" >
<!--
AngularJS 过滤器可用于转换数据：
过滤器	描述
currency	格式化数字为货币格式。
filter	从数组项中选择一个子集。
lowercase	格式化字符串为小写。
orderBy	根据某个表达式排列数组。
uppercase	格式化字符串为大写。
-->

<!--
表达式中添加过滤器
过滤器可以通过一个管道字符（|）和一个过滤器添加到表达式中。.
(（下面的两个实例，我们将使用前面章节中提到的 person 控制器）)
uppercase 过滤器将字符串格式化为大写：
-->
<div  ng-controller="personCtrl">
    <p>姓名为：{{lastName | uppercase}}</p>
    <p>姓名为：{{lastName | lowercase}}</p>
    <p>ss</p>
</div>

<div ng-controller="costCtrl">

    <input type="number" ng-model="quantity">
    <input type="number" ng-model="price">
    <p>总价 = {{ (quantity * price) | currency }}</p>
</div>
<script>
    var app = angular.module('myApp',[])
    app.controller('personCtrl', function ($scope) {
        $scope.lastName = "Ccfm880";
    });
    app.controller('costCtrl', function ($scope) {

    })
</script>
</body>
</html>